<template>
    <div class="footer">
        <div class="footer-logo">
            <img src="/imgs/logo-footer.png" alt="">
            <p>小米商城</p>
        </div>
        <div class="footer-link">
            <a href="javascript:;" target="_blank">小米商城主页</a> <span>|</span>
            <a href="javascript:;">小米天猫店</a> <span>|</span>
            <a href="javascript:;">小米商城用户协议</a> <span>|</span>
            <a href="javascript:;">北京互联网法院法律服务工作站</a>
        </div>
        <div class="copyright">Copyright ©2019 <span class="domain">mi.futurefe.com</span> All Rights Reserved.</div>
    </div>
</template>
<script>
export default {
    name:'nav-footer'
}
</script>
<style lang="scss" scoped>
   .footer{
       height: 234px;
       border-top: 4px solid #ff6600;
       background-color: #333333;
       color: #999;
       font-size: 16px;
       text-align: center;
       .footer-logo{
              position: relative;
              top: 46px;
              margin-bottom: 31px;
           img{
               width: 53px;
               height: 36px;
               margin-bottom: 13px;
           }
       }
       .footer-link{
           a{
               color: #999;
               display: inline-block;
               margin-top: 37px;
           }
           span{
               margin: 0 10px;
           }
       }
       .copyright{
           margin-top: 13px;
           .domain{
               color: #ff6600;
           }
       }
   }
</style>
